<template>
  <div
    class="w-screen h-screen flex flex-col items-center justify-center bg-gradient-to-br from-blue-500 to-purple-600 text-white"
  >
    <div class="text-[1rem]">abc</div>
    <p class="text-xl mb-12">欢迎来到CNKI的vue3 + tailwind3 脚手架</p>
    <button
      class="px-8 py-3 bg-white text-blue-600 rounded-full font-semibold hover:bg-gray-100 transition-all"
    >
      开始探索
    </button>
    <span class="icon-[mdi--flower] mt-20 text-26"></span>
    <span class="icon-[flat-ui--flower] mt-20 text-26"></span>
  </div>
</template>
